body{
  font-family: "Helvetica Neue", Helvetica, Microsoft Yahei, Hiragino Sans GB, WenQuanYi Micro Hei, sans-serif;
}

.login-bg {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -235px;
  margin-left: -225px;
  overflow: visible;
}

.login-form {
  position: relative;
  width: 450px;
  min-height: 470px;
}

.login-form > .login-form-hd {
  padding: 10px 0px;
  font-size: 24px;
  text-align: center;
}

.login-form > .login-form-group {
  position: relative;
  display: block;
  width: 450px;
  min-height: 50px;
}

.login-form > .login-form-group > p {
  margin:0 auto;
  width: 420px; 
  display: none; 
  color: #c7254e;
}

.login-form > .login-form-group > .login-input-group {  
  position: relative;
  margin: 15px auto 5px auto;  
  width: 420px;
  height: 40px;
  border:1px solid #cccccc;
  border-radius: 3px;
  color: #cccccc;
}

.login-form > .login-err > .login-input-group {
  border: 1px solid #c7254e;
}

.login-form > .login-err > p {
  display: block;
}

.login-form > .login-form-group > .login-input-group > span {
  position: absolute;
  font-size: 16px;
  padding:10px 15px;
  line-height: 20px;
}

.login-form > .login-form-group > .login-input-group > input {    
  position: absolute;    
  display: inline-block;    
  left: 45px;  
  top: 9px;
  height: 20px;
  width: 330px;
  border:none;
  color: #000;
  font-size: 16px;
  line-height: 20px;
  outline: none;
}


.login-form > .login-form-group > .login-button-group {
  margin: 20px auto 5px auto;  
  width: 420px;
  height: 40px;
}

.login-form > .login-form-group > .login-button-group > button {  
  width: 420px;
  height: 40px;
  border:none;
  background: #238efa;
  color: #fff;
  border-radius: 3px;
  outline: none;
}

.login-form > .login-form-group > .login-button-group > button > i{
  font-size: 20px;
}